﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>美食之窗</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="BootStrap/css/bootstrap.css" rel="stylesheet" />
    <link href="css/mscook.css" rel="stylesheet" type="text/css" />
    <link href="Carousel/allinone_thumbnailsBanner.css" rel="stylesheet" />
    <link href="Carousel/featureCarousel.css" rel="stylesheet" />
    <!--<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
    <script src="apps/core.js"></script>-->

    <link href="Carousel/accordion.css" rel="stylesheet" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="BootStrap/js/html5.js"></script>
        <script src="BootStrap/js/respond.src.js"></script>
        
    <![endif]-->
    <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/bootstrap-ie6.css">
    <![endif]-->
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/ie.css">
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://www.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="Images/mszc.ico">
    <style type="text/css">
        /*.affix {
          top: 50px;
        }
        .affix-top {
          top: 300px;
          position:absolute;
        }
        .affix-bottom {
          bottom: 40px;
          position:absolute;
        }*/
    </style>
</head>
<body>

    <!-- NAVBAR
================================================== -->
    <div id="site-mast" class="site-mast visible-desktop">
        <div class="container site-mast__user-nav cf site-mast--poisearch">
            <ul class="mobile-info">

                <li class="user-info cf">
                    <span class="user-info__moto">请</span>
                    <a class="user-info__login" href="Account/Login">登录</a>
                    <a class="user-info__signup" href="Account/Register">免费注册</a>
                    <a class="user-info__center" href="center.aspx">会员中心></a>
                </li>

            </ul>
            <ul class="site-mast__user-w">
                <li class="user-info cf">
                    <a class="user-todo" href="#">杂志订阅</a>
                    <a class="user-todo" href="#">问卷调查</a>
                    <a class="user-todo" href="#">更多></a>
                </li>
            </ul>
        </div>
    </div>
    <!-- login_Modal -->
    <div id="dialog-form-login" class="modal hide fade" title="用户登录" aria-hidden="false" style="display: none;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4>用户登录</h4>
        </div>
        <form id="ajaxLoginform" method="post" action="#">
            <div class="modal-body">
                <div class="weibo_button_div">
                    <a href="qiugous/weibo_auth" class="btn btn-block wb_login">
                        <img alt="weibo_logo" class="weibo_logo" src="Images/weibologo_16x16.png" height="16" width="16">
                        微博一键登录</a>
                </div>
                <div class="signup-or-separator">
                    <span class="text">或者，通过邮箱和密码登录</span>
                    <hr>
                </div>
                <div class="registerloginform">
                    <fieldset>
                        <input type="text" name="email" id="login_email_id" class="text ui-widget-content ui-corner-all" autofocus="" placeholder="注册邮箱">
                        <input type="password" name="password" id="login_password_id" class="text ui-widget-content ui-corner-all" placeholder="密码">
                    </fieldset>
                </div>
            </div>
            <div class="modal-footer">
                <span id="login_to_forgot_password_button_id" class="forgot_password pull-left"><a class="link" href="#">忘记密码?</a></span>
                <input type="submit" name="submit" value="登录" class="btn btn-inverse" id="login_button_id">
            </div>
        </form>
    </div>
    <!--./Login Modal-->
    <!-- register_Modal -->
    <div id="dialog-form-register" class="modal hide fade" title="用户注册" aria-hidden="false" style="display: none;">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <span class="membership pull-right">已有账户? 
          <a type="button" name="login_to_register" class="signin-link" href="Login.aspx" id="register_to_login_button_id">登录</a>
            </span>
            <h4>用户注册</h4>
        </div>
        <form id="ajaxRegisterform" method="post" action="#">
            <div class="modal-body">
                <div class="weibo_button_div">
                    <a href="qiugous/weibo_auth" class="btn btn-block wb_login">
                        <img alt="weibo_logo" class="weibo_logo" src="Images/weibologo_16x16.png" height="16" width="16">
                        微博一键注册</a>
                </div>
                <div class="signup-or-separator">
                    <span class="text">或者，您也可以直接注册</span>
                    <hr>
                </div>
                <div class="registerloginform">
                    <fieldset>
                        <input type="text" name="data[User][username]" id="register_username_id" class="text ui-widget-content ui-corner-all" autofocus="" placeholder="用户名">
                        <input type="text" name="data[User][email]" id="register_email_id" class="text ui-widget-content ui-corner-all" placeholder="邮箱">
                        <input type="password" name="data[User][password]" id="register_password_id" class="text ui-widget-content ui-corner-all" placeholder="密码">
                    </fieldset>
                </div>
            </div>
            <div class="modal-footer">
                <input type="submit" name="submit" value="注册" class="btn btn-inverse">
            </div>
        </form>
    </div>
    <!--./register_Modal-->
    <div id="header" class="visible-desktop">
        <div class="container headerarea">
            <div class="row">
                <div class="span3">
                    <div id="logo" class="visible-desktop">
                        <h2>
                            <a title="美食之窗" href="http://www.meishichina.com/" target="_parent"><strong>美食之窗</strong></a></h2>
                    </div>
                </div>
                <!-- <div class="span3">
            <form class="form-search">
              <input type="text" class="input-medium search-query">
              <button type="submit" class="btn btn-warning">搜索</button>
            </form>
        </div>-->
                <div class="span5">
                    <div class="full-search-bar">
                        <ul class="item-stream unstyled search-input-stream">
                            <li class="stream-item stream-header search-input-item">
                                <form class="form-inline search-form" action="/artists/search">
                                    <input name="q" class="xlarge ui-autocomplete-input" id="Text1" role="textbox" aria-haspopup="true"
                                        aria-autocomplete="list" type="text" placeholder="输入您需要的菜谱/食材/资讯" autocomplete="off">
                                    <button class="btn btn-inverse" id="Button1" type="submit">
                                        <i class="icon-search icon-white"></i>
                                    </button>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="span4 loginitem_h">

                    <a class="link header_login" href="#dialog-form-login" data-toggle="modal">登录</a>
                    <a href="#dialog-form-register" data-toggle="modal" class="link header_register">注册</a>
                    <a href="#" class="link header_wblogin">微博登录</a>
                    <a href="#" class="link header_qqlogin">QQ登录</a>

                </div>
            </div>
        </div>
        <div class="clearfix">
        </div>
    </div>
    <div class="navbar navbar-inverse navbar-static-top">
        <div class="navbar-inner">
            <div class="container">

                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button>

                <a class="brand hidden-desktop" href="./index.html">美食之窗</a>
                <div class="nav-collapse collapse">
                    <ul class="nav">
                        <li><a>&nbsp;&nbsp;</a></li>
                        <li class=""><a href="#"><strong>首页</strong></a> </li>
                        <li class=""><a href="#"><strong>最新资讯</strong></a> </li>
                        <li class=""><a href="./recipes.aspx"><strong>菜谱大全</strong></a> </li>
                        <li class=""><a href="./chef.aspx"><strong>封面人物</strong></a> </li>
                        <li class="active"><a href="./material.aspx"><strong>食材精选</strong></a> </li>
                        <li class=""><a href="#"><strong>合作酒店</strong></a> </li>
                        <li class=""><a href="#"><strong>杂志在线</strong></a> </li>
                    </ul>
                    <!--<form class="navbar-form pull-right">
                  <input class="span2" type="text" placeholder="邮箱">
                  <input class="span2" type="password" placeholder="密码">
                  <button type="submit" class="btn btn-warning">登录</button>
                  <button type="submit" class="btn btn-warning">注册</button>
                </form>-->
                </div>
            </div>
        </div>
    </div>


    <div class="container ">



        <!-- title -->
        <div class="last_title">
            <div class="row">
                <h3 class="span2 offset2" style="line-height: 50px">关注</h3>
                <h1 class="span3">行业资讯</h1>
                <h3 class="span3" style="line-height: 50px">把握厨界新动向</h3>
            </div>
        </div>
        <hr class="featurette-divider" />
        <div class="row">
            <div class="span6 infomation ">
                <div class="row">
                    <div class="span3 ">
                        <ul class="info_img">
                            <li class="showit">
                                <a href="#">
                                    <img src="Images/chef_3.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">餐饮打包服务将出新规</a>
                                        </h4>
                                        <p>
                                            <span>随着餐饮“光盘行动”的不断深入，一套专门关于餐饮打包的规定即将诞生。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/dazhaxie.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">湘鄂情携手南江生态打造绿色餐饮</a>
                                        </h4>
                                        <p>
                                            <span>继推出铁板烧、宫廷烤鸭等大众餐饮菜品后，湘鄂情又将转型的下一个着眼点转向其上游环节。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/muer.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">味道品牌文化陕西餐饮缺点啥?</a>
                                        </h4>
                                        <p>
                                            <span>十三朝古都的陕西西安被诸多美食家考证为中国饮食文化的发源地，素有“美食之都“之称，特色饮食遍地都是。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/mutao.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">游走东京老食肆品尝庶民米其林</a>
                                        </h4>
                                        <p>
                                            <span>东京吃客出版了一本名为庶民米其林的美食指南，介绍的尽是一些价廉物美但绝对需要排队的平民化餐馆。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/tudouni.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">餐饮打包服务将出新规</a>
                                        </h4>
                                        <p>
                                            <span>随着餐饮“光盘行动”的不断深入，一套专门关于餐饮打包的规定即将诞生。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="span3 info_til">
                        <ul>
                            <li>
                                <a href="#">餐饮打包服务将出新规
                                </a>
                            </li>
                            <li>
                                <a href="#">湘鄂情携手南江生态打造绿色餐饮
                                </a>
                            </li>
                            <li>
                                <a href="#">味道品牌文化陕西餐饮缺点啥?
                                </a>
                            </li>
                            <li>
                                <a href="#">游走东京老食肆品尝庶民米其林
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="span6 infomation ">
                <div class="row">
                    <div class="span3 ">
                        <ul class="info_img">
                            <li class="showit">
                                <a href="#">
                                    <img src="Images/chef_4.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">餐饮打包服务将出新规</a>
                                        </h4>
                                        <p>
                                            <span>随着餐饮“光盘行动”的不断深入，一套专门关于餐饮打包的规定即将诞生。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/dazhaxie.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">湘鄂情携手南江生态打造绿色餐饮</a>
                                        </h4>
                                        <p>
                                            <span>继推出铁板烧、宫廷烤鸭等大众餐饮菜品后，湘鄂情又将转型的下一个着眼点转向其上游环节。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/muer.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">味道品牌文化陕西餐饮缺点啥?</a>
                                        </h4>
                                        <p>
                                            <span>十三朝古都的陕西西安被诸多美食家考证为中国饮食文化的发源地，素有“美食之都“之称，特色饮食遍地都是。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/mutao.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">游走东京老食肆品尝庶民米其林</a>
                                        </h4>
                                        <p>
                                            <span>东京吃客出版了一本名为庶民米其林的美食指南，介绍的尽是一些价廉物美但绝对需要排队的平民化餐馆。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="Images/tudouni.jpg" />
                                </a>
                                <div class="mag_info1">
                                    <div class="mag_in_til">
                                        <h4>
                                            <a href="#">餐饮打包服务将出新规</a>
                                        </h4>
                                        <p>
                                            <span>随着餐饮“光盘行动”的不断深入，一套专门关于餐饮打包的规定即将诞生。</span>

                                        </p>
                                    </div>

                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="span3 info_til">
                        <ul>
                            <li>
                                <a href="#">餐饮打包服务将出新规
                                </a>
                            </li>
                            <li>
                                <a href="#">湘鄂情携手南江生态打造绿色餐饮
                                </a>
                            </li>
                            <li>
                                <a href="#">味道品牌文化陕西餐饮缺点啥?
                                </a>
                            </li>
                            <li>
                                <a href="#">游走东京老食肆品尝庶民米其林
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- recipes -->
        <div class="row recipes">
            <div class="">
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/jiaobai.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">你知道吗</a>
                            </h4>
                            <p>

                                <span>凉菜show</span>
                            </p>
                        </div>


                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/shanyao.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">每一百个人里</a>
                            </h4>
                            <p>

                                <span>下金蛋的酒店凉菜</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/tudou.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">就有一个同志</a>
                            </h4>
                            <p>

                                <span>一个面点师的中国梦</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/xingbaogu.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年08月刊</a>
                            </h4>
                            <p>

                                <span>我爱吃西瓜</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/baicai.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年08月刊</a>
                            </h4>
                            <p>

                                <span>我觉得番茄比西瓜好吃</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/bocai.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年07月刊</a>
                            </h4>
                            <p>

                                <span>土豆多好</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/dazhaxie.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年06月刊</a>
                            </h4>
                            <p>

                                <span>什么都比不了茄子</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/jiaobai.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年05月刊</a>
                            </h4>
                            <p>

                                <span>楼上正解</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/shanyao.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年05月刊</a>
                            </h4>
                            <p>

                                <span>我爱吃西瓜</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/tudou.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年04月刊</a>
                            </h4>
                            <p>

                                <span>楼主说来说去就一句</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/xingbaogu.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年03月刊</a>
                            </h4>
                            <p>

                                <span>控还是烧饼</span>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="span3 list">
                    <div class="img">
                        <a target="_blank" href="#">
                            <img src="lazyload/grey.gif" data-source="Images/material/baicai.jpg" /></a>
                    </div>
                    <div class="info2">
                    </div>
                    <div class="mag_info1">
                        <div class="mag_in_til">
                            <h4>
                                <a href="#">2013年02月刊</a>
                            </h4>
                            <p>

                                <span>兰州烧饼</span>
                            </p>
                        </div>

                    </div>

                </div>
                <div class="pagination">
                    <ul>
                        <li><a href="#">上一页</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">...</a></li>
                        <li><a href="#">下一页</a></li>
                        <li>
                            <div class="text">共15页，到第<input value="1" />页</div>
                        </li>
                        <li><a href="#">确定</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <hr class="recipes-divider" />
    <!-- FOOTER -->
    <div class="footer">
        <div class="container">
            <div class="footer_con1 row">
                <div class="span6">
                    <h4>合作酒店</h4>
                    <div class="row house">
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fff5d0935.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fda1a9027.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fdde7acca.jpeg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fe6766619.jpeg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fff5d0935.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fda1a9027.jpg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fdde7acca.jpeg" /></a>
                        </div>
                        <div class="span1">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/house/s_5192fe6766619.jpeg" /></a>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="span6">
                    <h4>联系我们</h4>

                    <div class="contact">
                        <div class="contact_img">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/tencent.jpg" /></a>
                        </div>
                        <div class="contact_info">
                            <p>
                                <a href="#">点击关注<br>
                                    美食之窗腾讯微博</a>
                            </p>
                        </div>
                    </div>
                    <div class="contact">
                        <div class="contact_img">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/sina.jpg" /></a>
                        </div>
                        <div class="contact_info">
                            <p>
                                <a href="#">点击关注<br>
                                    美食之窗新浪微博</a>
                            </p>
                        </div>
                    </div>
                    <div class="contact">
                        <div class="contact_img">
                            <a href="#">
                                <img src="lazyload/grey.gif" data-source="Images/erwei.jpg" /></a>
                        </div>
                        <div class="contact_info">
                            <p>
                                <a href="#">点击添加<br>
                                    美食之窗微信好友</a>
                            </p>
                        </div>
                    </div>

                </div>
            </div>

            <div class="footer_con3">
                <ul style="zoom1">
                    <li><a target="_blank" href="#" title="公司简介">公司简介</a></li>
                    <li><a target="_blank" href="#" title="企业文化">企业文化</a></li>
                    <li><a id="baoya" target="_blank" href="#" title="公司动态">公司动态</a></li>
                    <li><a target="_blank" href="#" title="免责声明">免责声明</a></li>
                    <li><a target="_blank" href="#" title="联系我们">联系我们</a></li>
                    <li><a target="_blank" href="#" title="招贤纳士">招贤纳士</a></li>
                    <li><a target="_blank" href="#" title="商务合作">商务合作</a></li>
                    <li><a target="_blank" href="#" title="网站地图">网站地图</a></li>
                    <li><a target="_blank" href="#" title="友情链接">友情链接</a></li>

                </ul>
                <p>ICP证号：京ICP备11027992号/京公网安备11010802009977 Copyright © 2003-2013 MEISHIJ CO.,LTD.</p>
            </div>
        </div>
    </div>


    <!-- Le javascript
================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="BootStrap/js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="BootStrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="BootStrap/js/jquery-ui.min.js"></script>
    <script src="Carousel/allinone_thumbnailsBanner.js"></script>
    <script src="lazyload/unveil.js"></script>
    <script src="Carousel/jquery.featureCarousel.js"></script>
    <script type="text/javascript">
        $(function () {



            var $w = $(window);

            var $w_height = $w.height();
            var acc_min_width;//accordion
            var feature_width, feature_height, feature_pad_side;//3DfeatureCarousel

            //scroll to navbar
            function scroll() {
                $('body').animate({ scrollTop: $('.navbar').offset().top }, 1000);
            }
            scroll();

            function menu_cheak(selector, classname) {
                var $select = selector;
                $select.click(function () {
                    $(this).addClass(classname).siblings().removeClass(classname);

                })

            }
            menu_cheak($('.nav li'), 'active');
            menu_cheak($('.recipes .recipes_menu .menu_main dl dd a'), 'chosed');
            function accordion_menu(selector, operated, classname) {
                var $select = selector;
                $select.click(function () {

                    $(this).parent().toggleClass(operated);
                    $(this).next(classname).slideToggle(300);
                })

            }
            $('.info_til li').hover(
                function () {
                    var $this = $(this);
                    var til_index = $(this).index();
                    var $img_box = $this.parents('.info_til').siblings().children('li').eq(til_index);
                    //img_box.addClass('showit').siblings('li').removeClass('showit');
                    $img_box.addClass('showit');//show().siblings('li').hide();
                }
            );
            accordion_menu($('.recipes .recipes_menu .menu_main dl dt'), 'on', 'dd');
            $.getJSON("Home/SelectImageSetting", function (config) {


                var folder;
                var $scr_wid = $(window).width();
                var banner_wid;
                var banner_hei;
                var screen_num;

                // for (var i = 0; i < config.length; i++)
                $.each(config, function (i, item) {
                    switch (config[i].name) {
                        case "Slide":
                            var image_set = config[i].ImageSettings;
                            //for (var j = 0; j < image_set.length; j++)
                            $.each(image_set, function (j, info) {
                                var images = config[i].ImageSettings[j];
                                var img_fol = images.folder;
                                if ($scr_wid >= 1200 & img_fol == "wide") {
                                    folder = img_fol;
                                    acc_min_width = "115px";
                                    banner_wid = 1170;
                                    banner_hei = 468;
                                    screen_num = 7;
                                    feature_width = 450;
                                    feature_height = 230;
                                    return false;
                                } else if ($scr_wid >= 768 & $scr_wid <= 979 & img_fol == "pad") {
                                    folder = img_fol;
                                    acc_min_width = "30px";
                                    banner_wid = 724;
                                    banner_hei = 290;
                                    screen_num = 5;
                                    feature_width = 340;
                                    feature_height = 174;

                                    return false;
                                } else if ($scr_wid < 768 & img_fol == "mobile") {
                                    folder = img_fol;
                                    acc_min_width = "20px";
                                    banner_wid = 940;
                                    banner_hei = 384;
                                    screen_num = 7;

                                    return false;
                                } else {
                                    folder = "default";
                                    acc_min_width = "70px";
                                    banner_wid = 960;
                                    banner_hei = 384;
                                    screen_num = 7;
                                    feature_width = 450;
                                    feature_height = 230;
                                }
                            })


                    }

                })
                // alert(banner_wid);
                //alert(folder);
                //folder = config[2].ImageSettings[0].folder;
                //$img.one("$", function () {
                //    var img_name = $img.getAttribute("data-src");
                //    img_name = img_name || $img.getAttribute("data-source");
                //    data = "Upload/wide/" + img_name;
                //    alert(data);
                //    if (data) {
                //        $img.setAttribute("data-src", data);

                //    }
                $('img').each(function (i, src) {
                    var slide_simple = $(this).parent();
                    slide_simple.each(function (h, thum) {

                        var source = src.getAttribute("data-source");
                        var data = "Upload/" + folder + "/" + source;
                        if (data) {
                            src.setAttribute("data-src", data);
                            thum.setAttribute("data-bottom-thumb", data);
                        }
                        //var sim_src = thum.getAttribute("data-source");

                        //alert(sim_src);
                    })

                    //alert(slide_simple);

                });
                // $("img").unveil();
                $('#Banner_simple').allinone_thumbnailsBanner({
                    skin: 'simple',
                    numberOfThumbsPerScreen: screen_num,
                    width: banner_wid,
                    height: banner_hei,
                    thumbsReflection: 0,
                    defaultEffect: 'random'
                });
                //Input placeholder

                //3D Carousel
                $("#featureCarousel").featureCarousel({
                    // include options like this:
                    // (use quotes only for string values, and no trailing comma after last option)
                    // option: value,
                    // option: value
                    largeFeatureWidth: feature_width,
                    largeFeatureHeight: feature_height,
                    smallFeatureWidth: feature_width / 2,
                    smallFeatureHeight: feature_height / 2,



                });
                //jQueryUI Widgets ——tabs
                $("#material").tabs({
                    event: "mouseover",
                    selected: 1
                });
                //
                var hdw = $('#material ul li');
                hdw.hover(function () {
                    $(this).addClass('active_back').siblings().removeClass('active_back');
                });
                //Bootstrap carousel
                $('.carousel').carousel({
                    interval: 2000
                })
                //accordion
                $('#accordion > li').hover(
                        function () {
                            var $this = $(this);
                            $this.stop().animate({ 'width': '480px' }, 500).siblings().stop().animate({ 'width': acc_min_width }, 500);
                            $('.heading', $this).stop(true, true).fadeOut();
                            $('.bgDescription', $this).stop(true, true).slideDown(500);
                            $('.description', $this).stop(true, true).fadeIn();
                        },
                        function () {
                            var $this = $(this);

                            $('.heading', $this).stop(true, true).fadeIn();
                            $('.description', $this).stop(true, true).fadeOut(500);
                            $('.bgDescription', $this).stop(true, true).slideUp(700);
                        });
            });




        });



    </script>
    <!--[if lte IE 6]>
<script type="text/javascript" src="js/bootstrap-ie.js"></script>
<![endif]-->
</body>
</html>
